@charset "utf-8";

.fontwb{
 font-weight: bold;
}
.xbbox{ width:1200px; margin:0 auto; overflow:hidden; min-width: 1200px; position:relative;}
.boxH{}
.container-fluid{ width:1200px; padding:0px;}
.fly-one{ margin-top:30px;}
.fly-three{ margin-top:20px;}
.gpdm { float: left;text-align: left;margin-top:23px;font-size: 13px;border: 2px solid #ddd;color: #333; padding: 2px 10px;font-weight: 400;}


.title{text-align: center;  font-size: 48px; margin: 0px 0px 50px;padding-bottom: 10px; margin:50px 0px;}
.title .title_double{
    width: 600px;
    float: left;
    font-size: 30px;
    margin-bottom: -30px;
}
.title p{ font-size:14px; color: #666;text-transform:capitalize; padding:5px 0px;}
.fwtxt{ font-size:24px; color:#333;margin-left:70px;text-align:left;}	
.fwtxt_img{background:url(../images/biaoq.png) top right no-repeat; }
.fwtxt_img2{background:url(../images/biaoq1.png) top right no-repeat; }
.wit50{ width:50%;}
.wit70{width:70%;}
.wit41{ width:41%;}
.fl{ float:left; display:inline-block;}
.fr{ float:right; display:inline-block;}
.clear{ clear:both;}
.corred {color:#e84240;}
.sfw1_box{ overflow:hidden;}
.fwt{margin-top:20px;line-height: 45px;}
.addUp{font-size: 48px;line-height: 42px; position: absolute; display: inline-block;}
.we_youshi li{  float:left;  text-align:center; width:20%; margin-bottom:60px; line-height: 25px; }
.we_youshi li:hover img{ transform:rotate(90deg);
    -ms-transform:rotate(-360deg); 	/* IE 9 */
    -moz-transform:rotate(-360deg); 	/* Firefox */
    -webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
    -o-transform:rotate(-360deg); 	/* Opera */
}
.we_youshi li div{ text-align:center;}

.box_gray{ background:#f8f8f8}
.box_gray2{ background:#f1f1f1}

.font60 {
    font-size: 60px;
}

.font48 {
    font-size: 48px;
}

.font30 {
    font-size: 30px;
}

.font33 {
    font-size: 31px;
    text-align: right;
}

.font22 {
    font-size: 22px;
}

.font36 {
    font-size: 36px;
}

.font24 {
    font-size: 24px;
}

.font18 {
    font-size: 18px;
}

.font56 {
    font-size: 56px;
    font-weight: 400;
}

.font50 {
    font-size: 50px;
    font-weight: 400;
}

.font55 {
    font-size: 55px;
    font-weight: 400;
}

.font68 {
    font-size: 60px;
    font-weight: 400;
}

.font40 {
    font-size: 40px;
}

.font43 {
    font-size: 43px;
}

.mart50 {
    margin-top: 50px;
}

.mart80 {
    margin-top: 80px;
}

.mart30 {
    margin-top: 30px;
}

.mart100 {
    margin-top: 100px;
}

.marb0 {
    margin-bottom: 0 !important;
}

.marb10 {
    margin-bottom: 10px !important;
}

.marb20 {
    margin-bottom: 20px !important;
}

.marb50 {
    margin-bottom: 50px;
}

.wid660 {
    width: 660px;
    margin: auto;
}

.wid880 {
    width: 880px;
    margin: auto;
    margin-top: 40px;
}

.wi830 {
    width: 820px;
    margin: auto;
}

.corred {
    color: #f00;
}

.fontwb {
    font-weight: bold;
}

img {
    max-width: 100%;
}

.mart10 {
    margin-top: 10px;
}

.text-center {
    text-align: center;
}

.border-b0 {
    border-bottom: none !important;
}

.border-l0 {
    border-left: none !important;
}

.main_1 {
    text-align: left;
    overflow: hidden;
    color: #fff;
}

.main1txt {
    margin-top: 200px;
}

.no-radius {
    border-radius: 0;
}

.letter-s3 {
    letter-spacing: 3px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.text-ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ban01_img {
    background: url(qwtg_img1.jpg) left center no-repeat;
    width: 630px;
    height: 445px;
    float: left;
}

.ban01_ipad {
    background: url(ipad_img.png) left center no-repeat;
    width: 168px;
    height: 276px;
    position: absolute;
    top: 350px;
    left: 590px;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0) \9;
}

.main_1img {
    background: url(qwtg_img1.jpg) left center no-repeat;
    width: 630px;
    height: 445px;
    float: left;
}

/*首页爆款热品*/
.qwtg_hot {
    position: absolute;
    top: 65px;
    left: 525px;
}

/*优帮云服务*/
.fw_serlist {
    background: #f0f0f0;
    padding: 50px;
}
.fw_serlist .box{
    overflow: inherit;
}
.fw_serlist .title {
    margin: 0;
}

.fw_serul {
    margin-bottom: 80px;
    padding-top: 50px;
    position: relative;
}

.fw_serul li {
    display: inline-block;
    width: 398px;
    float: left;
    text-align: center;
    position: relative;
}

.fw_serul li a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

.fw_serul li h1 {
    font-size: 26px;
    margin: 5px 0px 0;
    color: #fff;
}

.fw_serul li img {
}

.fw_serul li .li_icon {
    background: #252d30;
    padding: 30px 0;
    overflow: hidden;

}

.fw_serul li .li_txt {
    padding: 50px 50px 0;
    height: 180px;
}

.fw_serul .li_3 .li_txt {
    padding: 50px 45px 0;
}

.fw_serul li .li_txt .item {
    width: 113px;
    float: left;
    line-height: 36px;
    text-align: left;
}

.fw_serul .li_3 .li_txt .item {
    width: 180px;
}

.fw_serul .li_3 .li_txt .item_r {
    width: 115px;
}

.fw_serul li .li_txt .item_r {
    float: right;
}

.fw_serul li .li_txt .item b {
    color: #32C2FF;
}

.fw_serul li .li_txt .item span {
    font-size: 16px;
    letter-spacing: 0.2px;
}

.fw_serul li .list_price {
    height: 70px;
    color: #32C2FF;
    font-size: 46px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 18px;
    padding-top: 16px;
    margin: 0 40px;
}

.fw_serul li .li_btn a {
    display: inline-block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    border: 1px solid #32C2FF;
    color: #32C2FF;
    margin: 20px 0 30px;
}

.fw_serul li .li_btn a.self {
    background: #32C2FF;
    color: #fff;
    margin-left: 30px;
}

.fw_serul li > div {
   
    width: 398px;
}

.fw_serul li .hover {
    /*.fw_serul li .li_txt .item
    transform: translate3d(0, -2px, 0);
    */
    width: 434px;
    position: absolute;
    z-index: 1;
    left: -17px;
    top: -15px;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
  
    box-shadow: 3px 3px 13px #333;

}

.fw_serul li .hover .light {
    background: #32C2FF;
    color: #fff;
    height: 450px;


}

.fw_serul li .hover .light .list_price, .fw_serul li .hover .li_txt .item b {
    color: #fff;
  

}

.fw_serul li .hover .li_btn a {
    color: #fff;
    border-color: #fff;
  .8s;

}

.fw_serul li .hover .li_btn a.self {
    background: #f9f22b;
    color: #333;
   

}

.fw_serlist{background: #f4f4f4;}
.fw_serlist .box{
    width: 1220px;
}
.fw_serul{ margin-bottom: 80px;height: 630px;padding-top: 50px; position: relative;}
.fw_serul li{ display: inline-block; width: 323px; float: left;padding: 30px; text-align: center;height: 540px; }
.fw_serul li:hover{
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);}
.fw_serul li a{ color: #fff; display: block; width: 100%; height: 100%;}
.fw_serul li img{margin: 20px 0px 15px;}
.fw_serul li.wzgtg{background: url("wzgtg_bg.jpg"); color: #fff; margin-left: 25px;}

.fw_serul li h2{ font-size: 32px; margin: 30px 0px;}
.fw_serul li .wzgtit{font-size:32px;}
.fw_serul li .wzgtxt{font-size:26px;}
.fw_serul li.wzgtg .wzgtit{ font-size: 32px;height: 45px;}
.fw_serul li a .wzttip {font-size:14px; color: #fff; border-radius: 20px; border: 1px solid #fff; padding: 5px 20px; display: inline-block;}
.fw_serul li a .wzttip:hover{ font-size: 13px;}
.fw_serul li.wzggjc{background: url("wzggjc_bg.jpg") no-repeat; margin-left: 25px;}
.fw_serul li.wzgtg .wzgtxt{font-size: 20px;}
/*
.fw_serul li.wzggjc a{ color: #222;}
.fw_serul li.wzggjc a .wzttip{ color: #222; }
*/
.fw_serul li.wzggjc .wzgtxt{font-size: 18px; letter-spacing: 4px;}
.fw_serul li.wzgqwtg{background:url("wzgqwtg_bg.jpg") no-repeat; color: #fff;background-size: cover;}
.fw_serul li.wzgqwtg .wzgtxt{font-size:18px;}
.fw_serul li .price{
    font-size: 30px;
}
.fw_serul li.wzgtg img{
    margin-top: 40px;
}


.se_hot {
    position: absolute;
    top: 12px;
    right: -20px;
}
.se_hot1{
    top:150px;
}
.qwtg_shot {
    position: absolute;
    top: 12px;
    left: 300px;
}


.hhlc {
    text-align: center;
    background: #fefefe;
}

.hhlc .font60 {
    margin-bottom: 80px;
}

.hhlc ul li {
    display: inline-block;
    margin: 0 18px 110px;
    _zoom: 1;
    position: relative;
    width: 260px;
}

.hhlc ul li img {
    margin-top: 30px;
}

.hhlc ul li p {
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
}

.hhlc ul li span {
    display: inline-block;
    text-align: left;
    margin-top: 15px
}

.lcbg {
    width: 146px;
    height: 146px;
    background: #27c9f8;
    background: linear-gradient(145deg, #06e5f8, #3eb5f8);
    border-radius: 73px;
    position: relative;
    margin: 0 auto;
}

.lcbg2 {
    background-color: #64aaf2;
    background: linear-gradient(145deg, #64edea, #64aaf2);
}

.lcbg3 {
    background-color: #f8788b;
    background: linear-gradient(145deg, #f8c84c, #f8788b);
}

.lcbg4 {
    background-color: #f65589;
    background: linear-gradient(145deg, #f26768, #f65589);
}

.lcbg5 {
    background-color: #c467ff;
    background: linear-gradient(145deg, #fe80fb, #c467ff);
}

.lcbg6 {
    background-color: #38cf7a;
    background: linear-gradient(145deg, #32dab7, #38cf7a);
}

.lcbg7 {
    background-color: #b376ff;
    background: linear-gradient(145deg, #44aaf8, #b376ff);
}

.lcbg8 {
    background-color: #6cbaf8;
    background: linear-gradient(145deg, #7ee1f9, #6cbaf8);
}

.lcbg_img {
    width: 90px;
    height: 70px;
    background: url("home_ico.png") no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -45px;
    margin-top: -35px;
}

.lcbg_img_xy1 {
    background-position: -43px -20px;
}

.lcbg_img_xy2 {
    background-position: -43px -130px;
}

.lcbg_img_xy3 {
    background-position: -40px -236px;
}

.lcbg_img_xy4 {
    background-position: -50px -330px;
}

.lcbg_img_xy5 {
    background-position: -160px -326px;
}

.lcbg_img_xy6 {
    background-position: -160px -230px;
}

.lcbg_img_xy7 {
    background-position: -162px -125px;
}

.lcbg_img_xy8 {
    background-position: -162px -20px;
}

.lctxt {

}

.lctxt_box {
    color: #666;
    margin-top: 5px;
}